<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <meta charset="UTF-8">
    <title>云服务配置</title>
    <div data-th-replace="layout/head-top"></div>
    <style>.progress{height: 20px;}.progress-bar{line-height: 20px;}.progress-bar-warning{background-color: #f8ac59;}</style>
</head>
<body class="gray-bg">
    <div id ="updateService" class="container" style="padding-top:20px;">
         <div class="panel panel-primary">
             <div class="panel-body">
                 <h3 class="text-center alert alert-warning">
                     <p>请填写以下表单申请升级！</p>
                 </h3>
                 <section class="center-block" style="margin-top: 30px;">
                     <div class="mt form-horizontal">
                         <div class="form-group">
                             <label class="col-sm-2 control-label">客户手机号</label>
                             <div class="col-sm-7">
                                 <input type="text" th:value="${sysConfig['contextTreeMap']['userMobile']}" disabled  name="mobile"  class="form-control" placeholder="请输入开通服务的手机号">
                             </div>
                         </div>
                         <div class="hr-line-dashed"></div>
                         <div class="form-group">
                             <label class="col-sm-2 control-label">短信验证码</label>
                             <div class="col-sm-7">
                                 <div class="input-group">
                                     <input type="text"  name="mobileCode" placeholder="请输入手机短信验证码"  class="form-control">
                                     <span class="input-group-btn"> <button  id="Get_SMS" type="button" class="btn btn-white">获取短信验证码</button> </span>
                                 </div>
                             </div>
                         </div>

                         <div class="hr-line-dashed"></div>
                         <div class="form-group">
                             <label class="col-sm-2 control-label">选择开通服务</label>
                             <div class="col-sm-7" id="serviceType">
                                 <div class="checkbox i-checks">
                                     <label><input  th:checked="(${sysConfig['contextTreeMap']['operation']}==null or ${sysConfig['contextTreeMap']['operation']}=='1' or ${sysConfig['contextTreeMap']['operation']}=='3')" type="checkbox" value="1" > <i></i> 录播服务</label>
                                 </div>
                                 <div class="checkbox i-checks">
                                     <label><input  th:checked="(${sysConfig['contextTreeMap']['operation']}=='2' or ${sysConfig['contextTreeMap']['operation']}=='3')" type="checkbox" value="2"> <i></i> 直播服务</label>
                                 </div>
                             </div>
                         </div>
                         <div class="hr-line-dashed"></div>
                         <div class="form-group">
                             <div class="col-sm-4 col-sm-offset-2">
                                 <button class="btn btn-primary btn-lg" id="submitApplication" data-type="2"  type="submit">提交升级申请</button>
                             </div>
                         </div>
                     </div>
                 </section>
             </div>
         </div>
    </div><
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/cloud/cloud-update-config.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var registrationService =false;
        var videoType = [[${videoType}]];
        var isOpen = [[${isOpen}]];
    </script>
</body>
</html>